@import "../../public/static/asserts/antd-custom.less";

.hot-review-box{
 position: relative;
 overflow: hidden;
 background: #ffffff;
 margin-bottom: .08rem;
 padding-bottom: .12rem;
 .title{
  font-size: .2rem;
  line-height: .4rem;
  color:#2e3057;
  margin:.26rem 0;
  text-align: center;
 }
 .review-box{
   width: 3.45rem;
   margin:0 auto;
   
   .review-detail{
    box-shadow:0 0 10px 1px #eeeff5;
    padding: .12rem .16rem;
    margin-bottom: .08rem;
    .word{
      display: flex;
      align-items: center;
      font-size: .14rem;
      line-height: .24rem;
      color:#2e3057;
      margin-bottom: .05rem;
      height: 96 * $mhd;
    }
    .level-star{
      overflow: hidden;
      margin-bottom: .12rem;
      .level{
        float: left;
        font-size: .1rem;
        line-height: .1rem;
        padding: .04rem .08rem;
        color:#ffffff;
        border-radius: .18rem;
      }
      .level-good{
        background:#4c90ff;
      }
      .level-middle{
        background: #f6c85e;
      }
      .level-bad{
        background: #ff6c88;
      }
      .star-box{
        float: left;
        margin-left: .11rem;
      }
    }
    .time-name{
      font-size: .12rem;
      line-height: .21rem;
      color:#8c8da5;
      overflow: hidden;
      .time{
        float: left;
      }
      .name{
        float: right;
      }
    }
   }
 }
}
